<!--
  Generated template for the TopicPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar color="dark">
    <ion-title>{{topicView.commuUserName}}</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>
  <div *ngFor="let tm of topicMessages">
    <div class="message-time" [innerHtml]="tm.time"></div>
    <div class="div-message-left" *ngIf="tm.userId==topicView.commuUserId">
      <div class="div-img-left">
        <img src="{{topicView.commuUserHeadPath}}" class="head-pic-small">
      </div>
      <div class="div-text-left">
        <div class="text-left" [innerHtml]="tm.content"></div>
      </div>
    </div>
    <div class="div-message-right" *ngIf="tm.userId!=topicView.commuUserId">
      <div class="div-text-right">
        <div class="text-right" [innerHtml]="tm.content"></div>
      </div>
      <div class="div-img-right">
        <img src="{{topicView.commuUserHeadPath}}" class="head-pic-small">
      </div>
    </div>
  </div>
</ion-content>

<ion-footer>
  <div>
    
  </div>
</ion-footer>
